<template>
<button @click="start">启动</button>
<button @click="pause">暂停</button>
  <h1 @click="start">{{countTime===0 ? '发送验证码':countTime}}</h1>
</template>

<script>
import { useCountDown } from '@/compositions'
export default {
  /*
      useIntervalFn 对比 传统的 setInterval 有以下优点：
        1. 可通过 { immediate: false } 不立刻执行
        2. 组件卸载的时候会自动清理定时器
        3. 返回的 resume 函数用于启动定时器，pause 函数用于停止定时器
    */
  setup () {
    return { ...useCountDown(3) }
  }
}
</script>

<style>

</style>
